<template>
  <div
    class="flex flex-col bg-gray-50 rounded-lg shadow-lg p-6 w-full h-full space-y-4"
    style="box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1)">
    <div class="text-gray-600 text-lg font-semibold">已选择</div>
    <div class="text-sm text-gray-500">
      <p>游戏版本: <span class="text-gray-700">2.3插件版</span></p>
      <p>插件版本: <span class="text-gray-700">1.7</span></p>
    </div>

    <!-- 模组部分调整 -->
    <div class="flex justify-center items-center border-t border-gray-200"></div>

    <div class="flex justify-between">
      <div class="bg-gray-100 px-4 py-2 rounded-lg flex space-x-2">
        <span class="text-gray-600">模组:</span>
        <span class="text-gray-800 text-xl font-bold">20个</span>
      </div>
      <div>
        <div class="flex items-center space-x-2">
          <span class="text-gray-500">已启用:</span>
          <span class="text-blue-500 font-bold">12个</span>
        </div>
        <div class="flex items-center space-x-2">
          <span class="text-gray-500">未启用:</span>
          <span class="text-red-500 font-bold">8个</span>
        </div>
      </div>
    </div>
    <button
      class="mt-4 w-full py-3 bg-blue-500 hover:bg-blue-600 text-white font-bold rounded-lg transition-colors">
      启动游戏
    </button>
  </div>
</template>

<script setup lang="ts">
  // 启动页
</script>

<style scoped></style>
